<template>
	<div class='pro-list'>
		<div class='' v-for="(item1, index1) in shops" :key="item1.id">
			<div class="shop flex-y w">
	      	  <!-- 循环店铺 -->
	          <img class="cart-shop-cover" :src="item1.cover"></img>
	          <div class="flex1 flex-y" style="color: #222; font-size: 14px; letter-spacing: 1px">
	          	{{ item1.name }}
	            <Icon type="ios-arrow-right" class='icon'></Icon>
	          </div>
	        </div>
			
			<van-card
			  :title="item2.name"
			  :num="item2.num"
			  :price="item2.price"
			  :thumb="item2.cover"
			  v-for="(item2, index2) in item1.products"
			  :key="item2.id"
			/>
			</van-card>
		</div>
	</div>
</template>

<script>
  export default {
    props: {
      shops:{
        type: Array,
        default: []
      }
    },
    methods: {
    }
  }
</script>
<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~@/common/stylus/variable.styl"
  @import "~@/common/stylus/mixin.styl"
  
  .shop
  	padding: 6px 10px 
	img
		width: 34px
		height: 34px
		margin-right: 20px
		br(50%)	
	.icon
		position: relative
		top: 1px
		left: 5px
		font-size: 20px
</style>